<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>源码大数据-API</title>
    <!-- 重置样式表 -->
    <link rel="stylesheet" href="../css/normalize.css">
    <!-- 公共样式表 -->
    <link rel="stylesheet" href="../css/common.css">
    <!-- 当前样式表 -->
    <link rel="stylesheet" href="../css/api.css">
    
</head>
<body>
    <div class="top-btn"></div>
    
    <!-- 布局思想
    先整体在局部
    -->
    
    <!-- 头部 -->
    <div class="head  clearfix" >
        <h1 class="fl head-left" >
            <a href="#"><img src="../imgs/new-logo-white2.png" alt=""></a>
        </h1>

        <div class="fl  head-center" >
            <ul class="clearfix">
                <li ><a href="../page/home.html">首页</a></li>
                <li class="head-first"><a href="../page/api.html">API</a> </li>
                <li><a href="#">云服务</a></li>
                <li><a href="../page/案例.html">案例</a></li>
                <li><a href="#">开发者</a></li>
            </ul>
        </div>

        <div class="fr" >
            <a href="../page/登录.html" class="de">登录</a>
            <a href="../page/注册.html" class="zu">注册有礼</a>
        </div>
    </div>

    <!-- body --> 
    <div class="container ">
        <h2>API分类</h2>
        <div class="api-head clearfix">


        </div>
        <div class="api-p1 clearfix">
            <p class="api-tt fl">
                全部
            </p>
            <p class="api-p2 fl">
                <input class="api-input fl" type="text" placeholder="身份证实名">
                <button class="fl api-sou"></button> 
            </p>
            
        </div>

        <div >
            <ul class="api-ul clearfix">
                <li>
                    <span class="enterprise">企业专用</span>
                    <div class="api-content">
                        <img src="../imgs/API_01.jpg" alt="">
                        <p>2021出行防疫政策指南</p>
                        <p class="green" href="#">免费</p>
                    </div>
                    <button class="api-apply">申请数据</button>
                </li>
                
            </ul>
        </div>

        

    </div>

    <div class="api-foot container clearfix" >
        <a href="#">1</a>
        <a href="#">2</a>  
        <a href="#">3</a>  
        <a href="#">4</a>  
        <a href="#">5</a>  
        <a href="#">6</a>  
        <a href="#">7</a>  
        <a href="#">8</a>  
        <a href="#">.....</a>  
        <a href="#">下一页></a>      
    </div>

    <div class="mask">
        
    </div>

    <div class="modal clearfix">
        <div class="sign-logo">
            <img src="../imgs/new-logo-white2.png" alt="">
            <p class="clearfix login-way">
                <a class="fl" href="#">账号登录</a>
                <span class="fl"></span>
                <a class="fl" href="#">扫码登录</a>
            </p>
            <div class="sign-input">
                <input type="text" placeholder="用户名/手机号/邮箱">
                <input type="password" placeholder="密码">
                <p class="sign-forget">忘记密码</p>
            </div>
            <button>登录</button>
            <p class="sign-p1">还没有源码账号，<a href="#"> 立即注册</a></p>
        </div>
    </div>

        <!-- 尾部 -->
        <div class="foot container clearfix">
            <div class="foot-cont">
                <h3>联系与支持</h3>
                <ul>
                    <li><a href="#">400-882-7715</a></li>
                    <li><a href="#">售前咨询</a></li>
                    <li><a href="#">客服&售后</a></li>
                    <li><a href="#">常见问题</a></li>
                    <li><a href="#">极速工单</a></li>
                    <li><a href="#">投诉与建议</a></li>
                </ul>
            </div>
            <div class="foot-cont">
                <h3>关于源码</h3>
                <ul>
                    <li><a href="#">合作伙伴</a></li>
                    <li><a href="#">服务条款</a></li>
                    <li><a href="#">隐私政策</a></li>
                    <li><a href="#">市场合作</a></li>
                    <li><a href="#">反商业贿赂声明</a></li>
                </ul>
            </div>
            <div class="foot-cont">
                <h3>快速入口</h3>
                <ul>
                    <li><a href="#">API数据</a></li>
                    <li><a href="#">黑钻会员</a></li>
                    <li><a href="#">新闻动态</a></li>
                    <li><a href="#">联系我们</a></li>
                    <li><a href="#">加入我们</a></li>
                </ul>
            </div>
            <div class="foot-cont">
                <h3>产品服务</h3>
                <ul>
                    <li><a href="#">云监测</a></li>
                    <li><a href="#">云查询</a></li>
                    <li><a href="#">云助手</a></li>
                    <li><a href="#">聚盒子</a></li>
                    <li><a href="#">云充值</a></li>
                </ul>
            </div>
            <div class="foot-cont">
                <h3>解决方案</h3>
                <ul>
                    <li><a href="#">数字中台</a></li>
                    <li><a href="#">慧集：API生命周期管理</a></li>
                    <li><a href="#">有赢：助力企业营销</a></li>
                </ul>
            </div>
            <div class="fr foot-right">
                <h3>微信公众号</h3>
                <p>源码时代</p>
                <img src="../imgs/wechat-white.png" alt="">
            </div>
    
            
        </div>
        <div class="foot-last container clearfix">
            <img src="../imgs/bei1.png" alt="">
            <img src="../imgs/bei2.png" alt="">
            <p>增值电信业务经营许可证：蜀B2-20180596蜀ICP备15006450号-3营业执照</p>
            <p class="foot-p2 fr">源码大数据股份有限公司©版权所有</p>
        </div>

        <script src="../js/api.js"></script>
</body>
</html>